<template>
	<view>
		<view v-if="dispalyClass==0">
			<ActivityList></ActivityList>
		</view>
		<view v-if="dispalyClass==1">
			<HomePageVue />
		</view>
	<!-- 	<view v-if="dispalyClass==2">
			<AIPageVue></AIPageVue>
		</view> -->
		<zwTabBar :defaultSel="dispalyClass" :list="tabBarList" @clickTab="clickTab"></zwTabBar>
	</view>
</template>

<script setup>
	import zwTabBar from "@/components/zw-tabbar/zw-tabbar.vue";
	import HomePageVue from "/pages/pages/NewHomePage.vue";
	import AIPageVue from "/pages/AIPage/AIPage.vue";
	import ActivityList from "/pages/pages/ActivityList.vue";
	import {
		ref
	} from 'vue'
	let dispalyClass = ref(1)
	const clickTab = (param) => {
		console.log(param)
		dispalyClass.value = param
	}

	const tabBarList = ref([{
		// "pagePath": "/pages/pages/HomePage.vue",
		"iconPath": "/static/lvji.png",
		"selectedIconPath": "/static/lvji-select.png",
		"text": "活动"
	}, {
		// "pagePath": "/pages/pages/HomePage.vue",
		"iconPath": "/static/first.png",
		"selectedIconPath": "/static/first-select.png",
		"text": "首页"
	}])
</script>

<style lang="scss">
</style>